<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Qwen Chat</title>
  <link rel="stylesheet" href="chat.css"/>
</head>
<body>
<div class="shell">
  <aside class="sidebar">
    <div class="brand">Qwen Chat</div>
    <button id="newChat" class="btn btn-secondary wide">＋ 新会话</button>
    <div id="sessions" class="session-list"></div>
  </aside>
  <main class="workspace">
    <header class="topbar">
      <div class="title">Qwen Chat</div>
    </header>

    <section class="chat-fill">
      <div class="chat-header" id="sessionTitle">会话</div>
      <div id="messages" class="messages"></div>
      <div class="composer">
        <textarea id="prompt" placeholder="输入你的问题，Shift+Enter 换行"></textarea>
        <div class="actions">
          <button id="send" class="btn btn-primary">发送</button>
          <button id="clear" class="btn btn-ghost">取消</button>
        </div>
      </div>
    </section>
  </main>
</div>
<script src="chat.js"></script>
</body>
</html>